<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue.js"></script>
</head>
<body>

    <div id="app">
        <p>{{msg}}</p>
    </div>

    <script>

        //el: element的缩写
        var vm = new Vue({
            el: '#app',  // 表示当前Vue实例要控制页面上那个区域,这里指的是 id为app的div
            data: {  // data 属性中存放的是el中要用到的数据
                msg: '欢迎学习Vue'  // 通过Vue 提供的指令{{插值表达式}}，就能很方便的把数据渲染到页面上，不用手动操作DOM元素了。
            }
        })
/*
1. 这里的div 就是MVVM中的V
2. vm实例就是VM
3. 这里的data 就是当前页面中的 model
 */
    </script>
</body>
</html>
